import React from "react";

import AIFlowCanvas from "../../components/aI-flow-canvas/AIFlowCanvas";
import "./Workflow.css";

const Workflow: React.FC = () => {
  return (
    <div className="workflow-page">
      <div className="workflow-header">
        <h1>AI智能体工作流配置</h1>
        <div className="keyboard-shortcuts">
          <div className="shortcut-item">
            <kbd>Delete</kbd> 删除选中节点
          </div>
          <div className="shortcut-item">
            <span className="connection-icon"></span> 连接节点
          </div>
        </div>
      </div>

      <div className="workflow-content">
        <AIFlowCanvas />
      </div>
    </div>
  );
};

export default Workflow;
